<template>
  <div>
    <div v-if="WWData">
    <div align="center">
      <!-- <div style="margin-top: 20px; width: 660px" align="left">
        <img id="dynamicApply_imgBarcode" src="./进出境运输工具动态申报系统(海运)_files/Barcode.aspx">
    </div> -->
      <table
        align="center"
        width="645px"
        border="0"
        cellspacing="0"
        cellpadding="0"
      >
        <tbody>
          <tr>
            <td align="center" class="bt" style="font-family: 方正姚体">
              <span id="dynamicApply_Label4">{{ formRecord.XMMC }}</span>
            </td>
          </tr>
        </tbody>
      </table>
      <table
        width="645px"
        height="30px"
        border="0"
        cellspacing="0"
        cellpadding="0"
        style="margin-top: 0px;"
      >
        <tbody>
          <tr>
            <td align="left" style="font-size: 14px">
              系统名称:
              <span
                id="dynamicApply_XMMC"
                class="textlable"
                readonly="True"
                style="display: inline-block; width: 240px"
                >{{ formRecord.XMMC }}</span
              >
              申请编号:
              <span
                id="dynamicApply_LSH"
                class="textlable"
                readonly="True"
                style="display: inline-block; width: 90px"
                >{{ formRecord.LSH }}</span
              >
              日期:
              <span
                id="dynamicApply_APPLYTIME"
                class="textlable"
                readonly="True"
                style="display: inline-block; width: 130px"
                >{{ formRecord.APPLYTIME }}</span
              >
            </td>
          </tr>
        </tbody>
      </table>
      <table border="0" cellspacing="0" cellpadding="0">
        <tbody>
          <tr>
            <td class="k00">
              <table width="645px" border="0" cellspacing="0" cellpadding="8px">
                <tbody>
                  <tr>
                    <td class="k00 kTitle">
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td width="110px">单位名称(全称):</td>
                            <td>
                              <span
                                id="dynamicApply_DWMC"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 100%"
                                >{{ WWData.DWMC }}</span
                              >
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>
              <table width="645px" border="0" cellspacing="0" cellpadding="8px">
                <tbody>
                  <tr>
                    <td class="k01">
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td width="70px">法人代表:</td>
                            <td>
                              <span
                                id="dynamicApply_FRDB"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 100%"
                                >{{ WWData.FRDB }}</span
                              >
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                    <td class="k02">
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td width="70px">联系部门:</td>
                            <td>
                              <span
                                id="dynamicApply_LXBM"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 100%"
                                >{{ WWData.LXBM }}</span
                              >
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                    <td class="k02">
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td width="70">电 话:</td>
                            <td>
                              <span
                                id="dynamicApply_DH"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 100%"
                                >{{ WWData.DH }}</span
                              >
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                  <tr style="display: none">
                    <td class="k01">
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td width="80">财务联系人:</td>
                            <td>
                              <span
                                id="dynamicApply_LXR"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 100px"
                                >经峥嵘</span
                              >
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                    <td class="k02">
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td width="40">手机:</td>
                            <td>
                              <span
                                id="dynamicApply_SJ"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 110px"
                                >18616216282</span
                              >
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                  <tr>
                    <td class="k01">
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td width="80">业务联系人:</td>
                            <td>
                              <span
                                id="dynamicApply_YWLXR"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 100px"
                                >{{ WWData.YWLXR }}</span
                              >
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                    <td class="k02">
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td width="40">手机:</td>
                            <td>
                              <span
                                id="dynamicApply_YWSJ"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 100px"
                                >{{ WWData.YWSJ }}</span
                              >
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                    <td class="k02">
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td width="70">传 真:</td>
                            <td>
                              <span
                                id="dynamicApply_CZ"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 100%"
                                >{{ WWData.CZ }}</span
                              >
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>
              <table width="645px" border="0" cellspacing="0" cellpadding="8px">
                <tbody>
                  <tr>
                    <td class="k01">
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td width="70px">单位地址:</td>
                            <td>
                              <span
                                id="dynamicApply_DWDZ"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 100%"
                                >{{ WWData.DWDZ }}</span
                              >
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                    <td width="187px" class="k02">
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td width="40px">邮编:</td>
                            <td>
                              <span
                                id="dynamicApply_YB"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 100%"
                                >{{ WWData.YB }}</span
                              >
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                  <tr>
                    <td class="k01">
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td width="70px">安装地点:</td>
                            <td>
                              <span
                                id="dynamicApply_AZDD"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 100%"
                                >{{ WWData.AZDD }}</span
                              >
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                    <td class="k02">
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td width="40px">邮编:</td>
                            <td>
                              <span
                                id="dynamicApply_AZDDYB"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 100%"
                                >{{ WWData.AZDDYB }}</span
                              >
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>
              <table
                width="100%"
                border="0"
                cellspacing="0"
                cellpadding="6px"
                style="display: none"
              >
                <tbody>
                  <tr>
                    <td class="k00">
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td width="110px">发票地址:</td>
                            <td>
                              <span
                                id="dynamicApply_FPDZ"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 100%"
                              ></span>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>
              <table width="645px" border="0" cellspacing="0" cellpadding="8px">
                <tbody>
                  <tr>
                    <td class="k01">
                      业务类型(请在
                      <input
                        type="radio"
                        name="radiobutton"
                        value="radiobutton"
                        disabled=""
                      />
                      内涂黑，只能选一个):
                      <table
                        width="100px"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td height="10px"></td>
                          </tr>
                        </tbody>
                      </table>
                      <span
                        id="dynamicApply_YWLX"
                        style="display: inline-block; border-style: None"
                        ><input
                          id="dynamicApply_YWLX_0"
                          type="radio"
                          name="dynamicApply$YWLX"
                          value="0"
                          :checked="WWData.YWLX == '0'"
                          disabled=""
                        /><label for="dynamicApply_YWLX_0"
                          >水运运输工具动态申报</label
                        ><input
                          id="dynamicApply_YWLX_1"
                          type="radio"
                          name="dynamicApply$YWLX"
                          value="1"
                          :checked="WWData.YWLX == '1'"
                          disabled=""
                        /><label for="dynamicApply_YWLX_1"
                          >空运运输工具动态申报</label
                        ></span
                      >
                      <table id="dynamicApply_c_YWLXSY" style="display: block" v-if="WWData.YWLX_SY">
                        <tbody>
                          <tr>
                            <td>
                              <input
                                id="dynamicApply_c_YWLXSY_0"
                                type="checkbox"
                                name="dynamicApply$c_YWLXSY$0"
                                :checked="WWData.YWLX_SY.includes('船舶动态')"
                                value="船舶动态"
                                disabled=""
                              /><label for="dynamicApply_c_YWLXSY_0"
                                >船舶动态</label
                              >
                            </td>
                            <td>
                              <input
                                id="dynamicApply_c_YWLXSY_1"
                                type="checkbox"
                                name="dynamicApply$c_YWLXSY$1"
                                value="船舶供应"
                                :checked="WWData.YWLX_SY.includes('船舶供应')"
                                disabled=""
                              /><label for="dynamicApply_c_YWLXSY_1"
                                >船舶供应</label
                              >
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                  <tr>
                    <td class="k01">
                      传输方式(请在
                      <input
                        type="radio"
                        name="radiobutton2"
                        value="radiobutton"
                        disabled=""
                      />
                      内涂黑，只能选一个):
                      <table
                        width="100px"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td height="10px"></td>
                          </tr>
                        </tbody>
                      </table>
                      <span
                        id="dynamicApply_CSFS"
                        style="display: inline-block; border-style: None"
                        ><input
                          id="dynamicApply_CSFS_0"
                          type="radio"
                          name="dynamicApply$CSFS"
                          value="0"
                          :checked="WWData.CSFS == '0'"
                          disabled=""
                        /><label for="dynamicApply_CSFS_0"
                          >经由上海电子口岸</label
                        ><input
                          id="dynamicApply_CSFS_1"
                          type="radio"
                          name="dynamicApply$CSFS"
                          value="1"
                          :checked="WWData.CSFS == '1'"
                          disabled=""
                        /><label for="dynamicApply_CSFS_1"
                          >经由中国电子口岸</label
                        ><input
                          id="dynamicApply_CSFS_2"
                          type="radio"
                          name="dynamicApply$CSFS"
                          value="2"
                          :checked="WWData.CSFS == '2'"
                          disabled=""
                        /><label for="dynamicApply_CSFS_2"
                          >经由其他地方电子口岸</label
                        ></span
                      >
                    </td>
                  </tr>
                  <tr>
                    <td class="k01">
                      声明栏:
                      <table
                        width="100px"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td height="10px"></td>
                          </tr>
                        </tbody>
                      </table>
                      本公司已知晓《上海海关进出境运输工具动态申报系统和舱单申报系统(过渡期)使用须知》所有内容，并将准备好相关计算机软硬件环境。
                      <table
                        width="100px"
                        height="20"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td height="10px">&nbsp;</td>
                          </tr>
                        </tbody>
                      </table>
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                        style="margin-top: 10px"
                      >
                        <tbody>
                          <tr>
                            <td align="right">
                              签章:
                              <span
                                id="dynamicApply_QZ"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 100px"
                                >{{ WWData.QZ }}</span
                              >
                              日期:
                              <span
                                id="dynamicApply_RQ"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 130px"
                                >{{ WWData.RQ }}</span
                              >
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                  <tr>
                    <td class="k01">以下由海关技术部门填写:</td>
                  </tr>
                </tbody>
              </table>
              <table width="645px" border="0" cellspacing="0" cellpadding="8px">
                <tbody>
                  <tr>
                    <td width="50%" valign="top" class="k01">
                      经办人意见:
                      <table
                        width="100px"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td height="5px"></td>
                          </tr>
                        </tbody>
                      </table>
                      <textarea
                        name="dynamicApply$JBRYJ"
                        rows="4"
                        cols="20"
                        readonly="readonly"
                        id="dynamicApply_JBRYJ"
                        class="textMultiLine"
                        style="height: 40px; width: 98%"
                      >{{ WWData.JBRYJ }}</textarea>
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                        style="margin-top: 10px"
                      >
                        <tbody>
                          <tr>
                            <td style="text-align: right">
                              签章:
                              <span
                                id="dynamicApply_JBR"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 65px"
                              >{{ WWData.JBR }}</span>
                              日期:
                              <span
                                id="dynamicApply_TextBox15"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 130px"
                              >{{ WWData.JBRQ }}</span>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                    <td valign="top" class="k02">
                      备注:
                      <table
                        width="100px"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td height="5px"></td>
                          </tr>
                        </tbody>
                      </table>
                      <textarea
                        name="dynamicApply$BZ2"
                        rows="6"
                        cols="20"
                        readonly="readonly"
                        id="dynamicApply_BZ2"
                        class="textMultiLine"
                        style="height: 40px; width: 98%"
                      >{{ WWData.BZ2 }}</textarea>
                    </td>
                  </tr>
                  <tr>
                    <td class="k01">
                      中国电子口岸上海数据分中心意见:
                      <table
                        width="100px"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td height="5px"></td>
                          </tr>
                        </tbody>
                      </table>
                      <textarea
                        name="dynamicApply$FZXHZYJ"
                        rows="4"
                        cols="20"
                        readonly="readonly"
                        id="dynamicApply_FZXHZYJ"
                        class="textMultiLine"
                        style="height: 40px; width: 98%"
                      >{{ WWData.FZXHZYJ }}</textarea>
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                        style="margin-top: 10px"
                      >
                        <tbody>
                          <tr>
                            <td style="text-align: right">
                              签章:
                              <span
                                id="dynamicApply_FZXSHR"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 65px"
                              >{{ WWData.FZXSHR }}</span>
                              日期:
                              <span
                                id="dynamicApply_TextBox18"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 130px"
                              >{{ WWData.FZXSHSJ }}</span>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                    <td valign="top" class="k02">
                      技术处意见:
                      <table
                        width="100px"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                      >
                        <tbody>
                          <tr>
                            <td height="5px"></td>
                          </tr>
                        </tbody>
                      </table>
                      <textarea
                        name="dynamicApply$JSCSHYJ"
                        rows="4"
                        cols="20"
                        readonly="readonly"
                        id="dynamicApply_JSCSHYJ"
                        class="textMultiLine"
                        style="height: 40px; width: 98%"
                      >{{ WWData.JSCSHYJ }}</textarea>
                      <table
                        width="100%"
                        border="0"
                        cellspacing="0"
                        cellpadding="0"
                        style="margin-top: 10px"
                      >
                        <tbody>
                          <tr>
                            <td style="text-align: right">
                              签章:
                              <span
                                id="dynamicApply_JSCSHR"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 65px"
                              >{{ WWData.JSCSHR }}</span>
                              日期:
                              <span
                                id="dynamicApply_TextBox21"
                                class="textlable"
                                readonly="True"
                                style="display: inline-block; width: 130px"
                              >{{ WWData.JSC_DATE }}</span>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    </div>
    <div v-else>
    <el-empty description="暂无数据"></el-empty>
   </div>
  </div>
</template>

<script>
export default {
  name: "DT",
  props: {
     formData: {
      type: Object,
      required: true,
    },
    record: {
      type: Object,
      required:true
    }
  },
  data() {
    return {
      // 表单一
      WWData: {}, 
      // 基本项目信息
      formRecord: {},
      XTLX: [],
      WLLX:[],
    };
  },
  created() {
      this.init()
    },
  methods: {
    //数据格式转换
    init() {
      if (this.formData.T_DYNAMIC_APPLY) {
        this.WWData = this.formData.T_DYNAMIC_APPLY
      } else {
        this.WWData = null
      }
      
      this.formRecord = this.record
      if (this.WWData.YWLX_SY) {
        this.WWData.YWLX_SY = this.WWData.YWLX_SY.split(',').filter(Boolean) //转换数组并去除数组中的字符串
      }
      
      // this.WLLX = this.WWData.WLLX.split(',').filter(Boolean)
      // console.log(this.WWData.YWLX_SY,'666');
      // console.log(this.WLLX,'7777');
      },
  }
};
</script>

<style lang="scss" scoped>
@import "~@/views/businessModule/historicalData/components/style/table_min.css";
</style>
